<template>
  <div class="app-container">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="棉花种植传统灌溉与智能节水系统用水量对比报告" name="first">
        <h1>棉花种植传统灌溉与智能节水系统用水量对比报告</h1>
        <div class="box">
            <h2>一、棉花需水特性与试验背景</h2>
            <div class="content">
                <p><b>作物特性：</b><span>全生育期需水 350-500mm，敏感期为现蕾-吐絮期（占需水 90%）</span></p>
                <p><b>痛点问题：</b><span>漫灌导致亩耗水超 350m³，棉田次生盐渍化率>30%</span></p>
                <p><b>技术方案：</b><span>部署物联网智能滴灌系统（土壤墒情仪+气象站+智能灌溉设备）</span></p>
            </div>
        </div>
        <div class="box">
            <h2>二、对比试验方案</h2>
            <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="parameter" label="参数" width="180"></el-table-column>
            <el-table-column prop="traditionalIrrigation" label="传统漫灌组" width="180"></el-table-column>
            <el-table-column prop="smartIrrigation" label="智能灌溉组"></el-table-column>
          </el-table>
        </div>
      </el-tab-pane>
      <el-tab-pane label="节水统计报告" name="second">节水统计报告</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: 'first',
      tableData: [
        {
          parameter: '试验面积',
          traditionalIrrigation: '150 亩（对照田）',
          smartIrrigation: '150 亩（毗邻地块）'
        },
        {
          parameter: '灌溉方式',
          traditionalIrrigation: '渠水漫灌（7 次/季）',
          smartIrrigation: '膜下滴灌（16 次/季）'
        },
        {
          parameter: '数据周期',
          traditionalIrrigation: '2024 年 4 月-9 月（全生育期）',
          smartIrrigation: '2024 年 4 月-9 月（全生育期）'
        },
        {
          parameter: '监测维度',
          traditionalIrrigation: '用水量、土壤 EC 值、产量、灌溉用工量',
          smartIrrigation: '用水量、土壤 EC 值、产量、灌溉用工量'
        }
      ]
    }
  },
  methods: {}
}
</script>
<style lang = "scss"  scoped>
</style>
